JavaScriptの句と関数をどこに入れるか？

1. JavaScript in Head

demo1 is HERE.

Try DEMO1

2. JavaScript in BODY

in BODY DEMO2

Try DEMO3

3. External JavaScript Files

Demo External JavaScript

Try DEMO4

This example links to "myScript.js".

(myFunction4 is stored in "myScript.js")

4. 外部JSファイルを「head要素内」か「body要素内」に入れるによって起こること

• HTMLのソースコードは上から下へ順番に読み込まれて解析されて行くので，HTMLの中にはJavaScriptも存在しており、どの場所に書くかによって結果が変化する．
• 「head要素内」にJavaScriptを書くことはできますが、すべての読み込みが完了しないとDOMがレンダリングされないのでWebページの表示が遅くなってしまうというデメリットがある.
• 「body要素内」にJavaScriptを書くことで，先にDOMのレンダリング始まり、Webページが表示された後にJavaScriptが読み込まれるので，体感的に速く表示されると感じるわけで，基本的にJavaScriptは「body要素内」に書くことが多い傾向にある．